<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Maxmilite</title>
    <link rel="icon" href="icon.png" type="image/x-icon">
</head>
<link rel="stylesheet" href="css/style.css">

<body>
    <canvas id="snow-flake-app"></canvas>
    <script src="js/snow-flake-app.js"></script>
    <div class="wrap">
        <ul class="nav">
            <li style="width: 40%;">
                <div>
                    <p style="font-size: xx-large;"><img src="icon.png" height="40px" width="40px"
                            style="border-radius: 4px;">&nbsp;Maxmilite</p>
                </div>
            </li>
            <li><a href="index.html" class="button">HomePage</a></li>
            <li><a href="archives.html" class="button">Archives</a></li>
            <li><a href="about.html" class="button">About</a></li>
        </ul>
        <div class="main">
            <br><br><br><br>
            <p style="font-size: 30px; text-align: center;">This is a personal website.</p>
            <p style="font-size: 30px; text-align: center;">You can see related info in <a
                    href="https://github.com/Maxmilite/Maxmilite.github.io" target="_blank"
                    rel="noopener noreferrer">github.com/Maxmilite/Maxmilite.github.io</a> .</p>
            <div>
                <!-- Button Here -->
                <!-- Fixed Button 2021-04-18-->
                <a class="button" href="index.html" style="width: 40%; border-radius: 8px; margin-left: 30%; margin-top: 100px">
                    <p style="font-size: 2vmax;">
                        <<< Return to main page </p>
                </a>
            </div>
        </div>
        <div class="bottom">
            <ul>
                <li>
                    <h2 style="margin: 10px;">
                        Transfer speed test
                    </h2>
                    <ul style="margin-left: 15%;">
                        <li class="bottom_t"><a href="TestFile.bin" target="_blank" rel="noopener noreferrer"
                                style="color: inherit; text-align: center;">Test&nbsp;File&nbsp;Download</a></li>
                    </ul>
                </li>
                <li>
                    <h2 style="margin: 10px;">
                        Support
                    </h2>
                    <ul style="margin-left: 15%;">
                        <li class="bottom_t"><a href="accelerate-access-speed.html"
                                style="color: inherit; text-align: center;">Accelerate&nbsp;Speed</a></li>
                    </ul>
                </li>
                <li>
                    <h2 style="margin: 10px;">
                        Something
                    </h2>
                </li>
                <li>
                    <h2 style="margin: 10px;">
                        Others
                    </h2>
                </li>
            </ul>
        </div>
    </div>
</body>

</html>